<template>
  <div>
    <div class="top">
      <van-icon name="bars" class="left" />
      <img
        src="https://gw.alicdn.com/tfs/TB1wQw8qamWBuNjy1XaXXXCbXXa-237-41.png_240x10000.jpg_.webp"
        alt=""
        class="center"
      />
      <p>登录</p>
    </div>
    <van-search v-model="value" placeholder="请输入搜索关键词" class="search" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      value: "",
    };
  },
};
</script>

<style scoped>
.top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: white;
  padding: 12px 10px 0 10px;
  background: red;
}
.left {
  /* width: 26px;
    height: 20px; */
  font-size: 26px;
}
img {
  width: 118px;
  height: 20px;
 
}
/* p{
    font-size: 14px;
} */
.search {
  background-color: red;
}
</style>